{% extends "::layout.html.twig" %}
	{% block title %}
		 {{ parent() }}
	{% endblock %}
	{% block body %}
		
		<div id="fb-root"></div>
			<script>(function(d, s, id) {
			  var js, fjs = d.getElementsByTagName(s)[0];
			  if (d.getElementById(id)) return;
			  js = d.createElement(s); js.id = id;
			  js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
			  fjs.parentNode.insertBefore(js, fjs);
			}(document, 'script', 'facebook-jssdk'));
		</script>
		
		
		
		{# On définit un sous-titre commun à toutes les pages du bundle,par exemple #}
		<h1>Burundi bon coin vous facilite la vie</h1>
		<hr>
		<aside>
				 <div id="resultat">
			        <!-- Nous allons afficher un retour en jQuery au visiteur -->
			    </div>
			    <div>
			    	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="380" height="100" id="bbc1" align="middle">
						<param name="allowScriptAccess" value="sameDomain" />
						<param name="movie" value="bbc1.swf" />
						<param name="quality" value="high" />
						<param name="bgcolor" value="#ffffff" />
						<embed src="burundiboncoin/Symfony/web/movies/bbc1.swf" quality="high" bgcolor="#ffffff" width="380" height="100" name="bbc1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
					</object>
			    </div>
			    
				<h3>Formulaire de recherche</h3>
				<div class="well">
					
						<form id="form_recherche" action="{{ path('bbc_site_voir', {'id': 5}) }}" method="post">
						
							{{ form_widget(form) }}
							
							<input type="submit" value="Rechercher" class="btn btn-primary"/>
						</form>
						
						<a href="{{ path('bbc_site_voir', {'id': 5}) }}"
						class="btn">
						<i class="icon-chevron-left"></i>
						Retour à l'article
						</a>		
						
				</div>
				
				
				
					<div id="topmenu">Vos critères sélectionnés</div>
					<br>
					<!--div id="typeAnnonce" class ="icon-remove">
						
						<i class="icon-remove"></i>
					</div-->
						
				
					<div id="typeAnnonce" class ="critere" style="display:visible">						
					</div>
										
					
					
					<div id="pays" class ="critere">
						
					</div>
	
					<div id="region" class ="critere">
						
					</div>
					
				
					<div id="datepub" class ="critere">
						
					</div>
				
				
				<script>
							
					$(document).ready(function() {
					
						$('#form_typeAnnonce').change(function() {
					    	document.getElementById('typeAnnonce').innerHTML = "";
							 var type_annonce = $('#form_typeAnnonce').val();
							 
							  $("div#typeAnnonce").append(type_annonce);
							  
						});
						
						$("div#typeAnnonce").click(function() {
					    	document.getElementById('typeAnnonce').style.visibility="hidden";
					    	//jQuery.fn.invisible = function() {
							//    return this.css('visibility', 'hidden');
							//};
						});
					
					 });
					 
					 $(document).ready(function() {
					
						$('#form_pays').change(function() {
					    	document.getElementById('pays').innerHTML = "";
							 var pays = $('#form_pays').val();
							 
							  $("div#pays").append(pays);
							  
						});
					
					 });
					 $(document).ready(function() {
					
						$('#form_region').change(function() {
					    	document.getElementById('region').innerHTML = "";
							 var region = $('#form_region').val();
							 
							  $("div#region").append(region);
							  
						});
					
					 });
					 
					 
					 $(document).ready(function() {
					
						$('#form_datePub').change(function() {
					    	document.getElementById('datepub').innerHTML = "";
							 var datepub = $('#form_datePub').val();
							 
							  $("div#datepub").append(datepub);
							  
						});
					
					 });
	            
            	 </script>
            	 
            	 
			<script>
				
			
				$(document).ready(function() {
				// $('#form_recherche').on('submit', function() {
					$("#form_recherche").submit(function(){
					//  var pseudo = $('#form_typeAnnonce').val();
	              //  alert("OK"+pseudo);
	              
	                   var pseudo = $('#form_typeAnnonce').val();
						        var mail = $('#form_pays').val();
						 
						 alert(mail);
						 
						        if(pseudo == '' || mail == '') {
						            alert('Les champs doivent êtres remplis');
						        } else {
						         
						           $("div#typeAnnonce").append(pseudo);
						           
						           
									
						            $.ajax({
						                url: $(this).attr('action'),
						                type: $(this).attr('method'),
						                data: $(this).serialize(),
						                dataType: 'json',
						                success: function(json) {
						                    if(json.reponse != '') {
						                        alert('Tout est bon');
						                         $("div#zoneTexte").append(pseudo);
						                    } else {
						                        alert('Erreur : '+ json.reponse);
						                         $("div#zoneTexte").append('fuck');
						                    }
						                }
						            });
						        }
						        return false;
	              
	            }) });
	            
             </script>
            <script>
			$(document).ready(function() {
				$("#form_datePub").on('click', function(){
				  var pseudo = $('#form_typeAnnonce').val();
               
            }) });
            
            </script>
				<script>
						$(document).ready(function() {
						    $('#form_recherche').on('submit', function() {
						 
						        var pseudo = $('#form_typeAnnonce').val();
						        var mail = $('#form_pays').val();
						 
						        if(pseudo == '' || mail == '') {
						            alert('Les champs doivent êtres remplis');
						        } else {
						            $.ajax({
						                url: $(this).attr('action'),
						                type: $(this).attr('method'),
						                data: $(this).serialize(),
						                dataType: 'json',
						                success: function(json) {
						                    if(json.reponse == 'ok') {
						                        alert('Tout est bon');
						                    } else {
						                        alert('Erreur : '+ json.reponse);
						                    }
						                }
						            });
						        }
						        return false;
						    });
						});
				</script>
		</aside>
	
		{# On définit un nouveau bloc, que les vues du bundle pourront remplir #}
		{% block sdzblog_body %}
	
		{% endblock %}
	{% endblock %}